.mainbox {
  margin-left: 10px;
  width: 1350px;
  height: 750px;
  /* border: 1px solid black; */
}
.leftbox {
  float: left;
  width: 270px;
  height: 730px;
  /* border: 1px solid black; */
  margin-left: 30px;
}
.el-icon-edit {
  margin-left: 10px;
  color: #e73d09;
}
.mySelfCard {
  /* border-radius: 15px; */
  background-clip: padding-box;
  width: 200px;
  height: 250px;
  padding: 15px 35px 15px 35px;
  background: rgba(245, 245, 247, 0.9);
  box-shadow: 0 0 3px rgb(8, 8, 8);
  text-align: center;
}
.changeAvatarSpace {
  text-align: center;
  width: 260px;
  height: 300px;
  margin: 30px auto;
}
.leftImg {
  width: 130px;
  height: 130px;
}
.animate__backInUp {
  float: left;
  font-size: 15px;
  color: rgb(107, 169, 223);
}
.littleCard {
  margin-top: 30px;
  width: 270px;
  height: 50px;
  float: left;
  box-shadow: 0 0 2px rgb(32, 235, 93);
  background: rgba(149, 216, 171, 0.5);
}
.IconBox01 {
  float: left;

  width: 50px;
  height: 50px;
  background-image: url("../img/man01.png");
  background-size: cover;
}
.IconBox02 {
  float: left;
  margin-left: 20px;
  width: 50px;
  height: 50px;
  background-image: url("../img/man02.png");
  background-size: cover;
}
.IconBox03 {
  float: left;
  margin-left: 20px;
  width: 50px;
  height: 50px;
  background-image: url("../img/man03.png");
  background-size: cover;
}
.IconBox04 {
  float: left;
  margin-left: 20px;
  width: 50px;
  height: 50px;
  background-image: url("../img/man04.png");
  background-size: cover;
}
.demo-form-inline {
  margin: 5px auto;
}
.columnBlog {
  margin-top: 30px;
  width: 270px;
  height: 350px;
  float: left;
  box-shadow: 0 0 2px rgb(32, 235, 93);
  background: rgba(255, 255, 255, 0.9);
}
.columnTitle {
  width: 270px;
  height: 40px;
  background: rgb(118, 154, 231);
}
.animate__zoomInLeft {
  margin-top: 0px;
  margin-left: 10px;
}
.animate__slideInUp {
  margin-top: 0px;
  margin-left: 10px;
  float: left;
}
.blogBox {
  float: left;
  text-align: left;
  margin: 0px auto;
  margin-left: 10px;
  width: 600px;
}
.rightBox {
  float: left;
  width: 370px;
  height: 730px;
}
.picShow {
  width: 370px;
  height: 200px;
  /* background: rgba(245, 247, 248, 0.8); */
}
.collectionBox {
  width: 370px;
  height: 400px;
  background: rgba(245, 247, 248, 0.7);
  margin-top: 0px;
}
.collectionTitle {
  width: 370px;
  height: 40px;
  background: rgb(73, 185, 59);
}
.rememberBox {
  margin-top: 10px;
  width: 370px;
  height: 135px;
  background: rgba(245, 247, 248, 0.8);
}
.rememberTitle {
  width: 370px;
  height: 40px;
  background: rgb(180, 233, 58);
}
.el-icon-s-order {
  margin-top: 5px;
  margin-right: 20px;
  color: #091fe7;
  font-size: 30px;

  float: right;
}
.someRememberList {
  line-height: 2px;
}
/* .RememberCard{
  height: 700px;
} */
.RememberSpace {
  width: 550px;
  height: 450px;
}
.information-title {
  color: #f19b9b;
  font-size: 15px;
  font-weight: bolder;
  margin-top: 0px;
  margin-left: 20px;
  line-height: 40px;
  width: 370px; /*一定要设置宽度，或者元素内含的百分比*/
  overflow: hidden; /*溢出的部分隐藏*/
  white-space: nowrap; /*文本不换行*/
  text-overflow: ellipsis; /*ellipsis:文本溢出显示省略号（...）；clip：不显示省略标记（...），而是简单的裁切*/
}
.blogCard {
  line-height: 18px;
  width: 570px;
  /* height: 1%; */
  background: rgba(245, 247, 248, 0.8);
}
.pageBox {
  float: right;
  margin-right: 20px;
}
.animate__zoomInDown {
  margin-top: 0px;
  font-size: 23px;
}
a:link {
  color: rgb(67, 72, 145);
}
a:visited {
  color: rgb(67, 72, 145);
}
a {
  text-decoration: none;
}
/* .p1{
  margin-top: 10%;
  font-size: 12%;
} */
p {
  line-height: 10px;
  font-size: 10px;
}
.p2 {
  font-size: 15px;
}
.el-carousel__item h3 {
  color: #475669;
  font-size: 14px;
  opacity: 0.75;
  line-height: 150px;
  margin: 0;
}

.el-carousel__item:nth-child(2n) {
  background-color: #99a9bf;
}

.el-carousel__item:nth-child(2n + 1) {
  background-color: #d3dce6;
}
.avatar-uploader .el-upload {
  border: 1px dashed #d9d9d9;
  border-radius: 6px;
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.avatar-uploader .el-upload:hover {
  border-color: #409eff;
}
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 178px;
  height: 178px;
  line-height: 178px;
  text-align: center;
}
.avatar {
  width: 178px;
  height: 178px;
  display: block;
}